<!DOCTYPE html>
<!--
@license
Copyright 2019 The TensorFlow Authors. All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<meta charset="utf-8" />
<title>TensorBoard</title>
<link rel="shortcut icon" href="%TENSORBOARD_FAVICON_URI%" />
<link rel="apple-touch-icon" href="%TENSORBOARD_FAVICON_URI%" />

<link rel="import" href="tf-imports/roboto.html" />
<link rel="stylesheet" href="styles.css" />

<style>
  html,
  body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: Roboto, sans-serif;
    color: var(--primary-text-color);

    /* Legacy mechanism to avoid issues with subpixel anti-aliasing on macOS.
     *
     * In the past [1], macOS subpixel AA caused excessive bolding for light-on-dark text; this rule
     * avoids that by requesting non-subpixel AA always, rather than the default behavior, which is
     * to use subpixel AA when available. The original issue was "fixed" by removing subpixel AA in
     * macOS 14 (Mojave), but for legacy reasons they preserved the bolding effect as an option.
     * Chrome then in turn updated its font rendering to apply that bolding effect [2], which means
     * that even though the `-webkit-font-smoothing` docs [3] suggest that setting `antialiased`
     * would have no effect for recent versions of macOS, it still is needed to avoid the bolding.
     *
     * [1]: http://www.lighterra.com/articles/macosxtextaabug/
     * [2]: https://bugs.chromium.org/p/chromium/issues/detail?id=858861
     * [3]: https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth
     *
     */

    -webkit-font-smoothing: antialiased;
  }
  noscript {
    display: block;
    margin: 0 auto;
    max-width: 600px;
    padding: 10px;
  }
</style>

<body>
  <noscript>
    <h1>TensorBoard requires JavaScript</h1>
    <p>Please enable JavaScript and reload this page.</p>
  </noscript>
  <script jscomp-nocompile src="tf-imports/require.js"></script>
  <!--
    Targets like '//tensorboard:dev' may replace the Polymer bundle with a
    'dev mode' variant.
  -->
  <script jscomp-nocompile src="polymer3_lib_binary.js"></script>
  <script jscomp-nocompile src="tb-webapp/tb_webapp_binary.js"></script>
  <tb-webapp></tb-webapp>
</body>
